{include file="header/index" /}
<div class="newContentBox">
    <!-- 分割部分 -->
    <div class="newListPart">
<!--        <div class="newTitleBox">-->
<!--            <span class="layui-inline newListTitle">奖惩记录</span>-->
<!--        </div>-->
        <form method="get" name="searchuser" action="#" class="layui-form">
            <div class="newForm flex_between">
                <div>
                    <div class="newGroup">
                        <div class="newGroupInput">
                            <input type="text" value="" id="keyword" placeholder="请输入市场推广姓名" class="layui-input-search cover_layui_i"/>
                        </div>
                    </div>
                    <div class="newGroup newBtnBox">
                        <a id="search" class="newBtnSearch newBtnPrimary">搜索</a>
                    </div>
                </div>
                <div>
                    <a onclick="toAddMeeting()" class="newBtnDefault">添加</a>
                </div>

            </div>
        </form>
        <div class="newTableBox">
            <table class="layui-table">
                <thead>
                <tr>
                    <th>ID</th>
                    <th>市场推广</th>
                    <th>类型</th>
                    <th>积分</th>
                    <th>说明</th>
                    <th>时间</th>
                </tr>
                </thead>
                <!--套数据 laypage-->
                <script id="list-template" type="text/html">
                    {{# for(var i=0;i<d.length;i++){  }}
                    <tr>
                        <td>{{d[i].id}}</td>
                        <td>{{d[i].workers_name}}(电话:{{d[i].workers_phone}})</td>
                        <td>{{d[i].account_type_desc}}</td>
                        <td>{{d[i].money}}</td>
                        <td>{{d[i].note}}</td>
                        <td>{{d[i].add_time}}</td>
                    </tr>
                    {{# } }}
                </script>
                <tbody id="list-content"></tbody>
            </table>
            <!--用来存当前页码数-->
            <input type="hidden" value="1" id="curr_"/>
            <div class="laypage">
                <div class="laypage_total">共<span id="total_number"></span>条数据&nbsp;&nbsp;<span id="allpage"></span>
                </div>
                <div class="laypage_skip" id="AjaxPage"></div>
            </div>
        </div>

    </div>
</div>

<script>
    var layer = layui.layer,
        element = layui.element,
        laydate = layui.laydate,
        laypage = layui.laypage,
        form = layui.form,
        laytpl = layui.laytpl;
    $.ajaxSetup({headers: {token: $.cookie('token'), company: $.cookie('company_id')}});
    ;

    Ajaxpage();

    function Ajaxpage(curr) {
        var loadingFlag = layer.msg('正在读取数据，请稍候……', {icon: 16, shade: 0.01, shadeClose: false, time: 60000});
        $("#curr_").val(curr);
        var keyword = $('#keyword').val();
        var request_data = {};
        request_data.keyword = keyword;
        request_data.page = curr || 1;
        request_data = JSON.stringify(request_data);
        $.post("{:config('api')}/Achievement/Dealer/meeting", request_data, function (data) {
            layer.close(loadingFlag);
            var page = data.data.page;
            $("#total_number").text(page.total_number);
            data = data.data.data;
            if (data == '') {
                $("#list-content").html('<td colspan="20" style="padding-top:10px;padding-bottom:10px;font-size:16px;text-align:center">暂无数据</td>');
            } else {
                var tpl = document.getElementById('list-template').innerHTML;
                laytpl(tpl).render(data, function (html) {
                    document.getElementById('list-content').innerHTML = html;
                });
            }
            //分页
            laypage.render({
                elem: 'AjaxPage' //分页容器的id
                , count: page.total_number //总条数
                , limit: page.row //每页条数
                , skin: '#1AB5B7' //自定义选中色值
                , curr: curr || 1
                , layout: ['prev', 'page', 'next', 'skip']
                //,skip: true //开启跳页
                , jump: function (obj, first) {
                    if (!first) {
                        Ajaxpage(obj.curr)
                    }
                    $('#allpage').html('第' + obj.curr + '页，共' + page.total_page + '页');
                }
            });
        });
    }

    // 搜索表单
    $("#search").click(function () {
        Ajaxpage(1);
    });
    //新增记录
    function toAddMeeting() {
        window.location.href = "{:url('Employee/add_meeting')}";
    }

</script>
